<!DOCTYPE html>
<html lang="en" class="no-js">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Nifty Modal Window Effects</title>
<meta name="description"
	content="Nifty Modal Window Effects with CSS Transitions and Animations" />
<meta name="keywords"
	content="modal, window, overlay, modern, box, css transition, css animation, effect, 3d, perspective" />
<meta name="author" content="Codrops" />
<link rel="shortcut icon" href="../favicon.ico">
<link rel="stylesheet" type="text/css"
	href="${pageContext.request.contextPath}/css/default.css" />
<link rel="stylesheet" type="text/css"
	href="${pageContext.request.contextPath}/css/component-modal.css" />
<script src="js/modernizr.custom.js"></script>
</head>
<body>


	


	<div class="container">
		<!-- Top Navigation -->
		<div class="codrops-top clearfix">
			<a class="codrops-icon codrops-icon-prev"
				href="http://tympanus.net/Development/DynamicGrid/"><span>Previous
					Demo</span></a> <span class="right"><a
				class="codrops-icon codrops-icon-drop"
				href="http://tympanus.net/codrops/?p=15313"><span>Back to
						the Codrops Article</span></a></span>
		</div>
		<header>
			<h1>
				Nifty Modal Window Effects <span>Some inspiration for
					different modal window appearances</span>
			</h1>
		</header>

		<div class="main clearfix">
			<div class="column">
				<p>There are many possibilities for modal overlays to appear.
					Here are some modern ways of showing them using CSS transitions and
					animations.</p>
			</div>
			<div class="column">
				<button class="md-trigger" data-modal="modal-15">3D Rotate
					In Left</button>
			</div>
		</div>
	</div>
	<!-- /container -->
	<div class="md-overlay"></div>
	<!-- the overlay element -->

	<button id="open" class="md-trigger" data-modal="modal-15">OPEN</button>

	<script type="text/javascript" charset="utf-8"
		src="${pageContext.request.contextPath}/common/js/jquery-3.2.1.min.js"></script>
	<script src="${pageContext.request.contextPath}/js/modalEffects.js"></script>
	<script>
		var polyfilter_scriptpath = '/js/';
	</script>
	<script src="${pageContext.request.contextPath}/js/cssParser.js"></script>
	<script
		src="${pageContext.request.contextPath}/js/css-filters-polyfill.js"></script>
	<script src="${pageContext.request.contextPath}/js/classie.js"></script>

	<script type="text/javascript">
		
	</script>
</body>
</html>